<template>
  <div>
      <div class="bom-model">
          <detail-list title="设备运行指标" :col="2">
          <detail-list-item term="累计工作时间">1000000000</detail-list-item>
        </detail-list>
        <detail-list title="" :col="2">
          <detail-list-item term="Run状态累计时间">1000000000</detail-list-item>
          <detail-list-item term="Run状态时间占比">已取货</detail-list-item>
          <detail-list-item term="Stop状态累计时间">3*21</detail-list-item>
          <detail-list-item term="Stop状态时间占比">2020-05-30</detail-list-item>
          <detail-list-item term="Pause状态累计时间">2ii</detail-list-item>
          <detail-list-item term="Pause状态时间占比">tt</detail-list-item>
          <detail-list-item term="Idle状态累计时间">2ii</detail-list-item>
          <detail-list-item term="Idle状态时间占比">tt</detail-list-item>
          <detail-list-item term="PM状态累计时间">2ii</detail-list-item>
          <detail-list-item term="PM状态时间占比">tt</detail-list-item>
        </detail-list>

        
       </div>

       <div class="bom-model">
           <detail-list title="产能指标" :col="1">
 
            </detail-list>
       </div>

       <div class="bom-model">
        <detail-list title="故障指标" :col="2">
            <div class="p-bom">
                <div>今日统计</div>
                <div class="p-bom">
                <detail-list-item term="产品SN">1000000000</detail-list-item>
                <detail-list-item term="批次号">已取货</detail-list-item>
                <detail-list-item term="绑定工装板类型">3*21</detail-list-item>
                <detail-list-item term="工装板RFID">2020-05-30</detail-list-item>
                <detail-list-item term="作业时间">2ii</detail-list-item>
                <detail-list-item term="产品品质级别">tt</detail-list-item>
                </div>
            </div>

            <div class="p-bom">
                <div>本月统计</div>
                <div class="p-bom">
                <detail-list-item term="产品SN">1000000000</detail-list-item>
                <detail-list-item term="批次号">已取货</detail-list-item>
                <detail-list-item term="绑定工装板类型">3*21</detail-list-item>
                <detail-list-item term="工装板RFID">2020-05-30</detail-list-item>
                <detail-list-item term="作业时间">2ii</detail-list-item>
                <detail-list-item term="产品品质级别">tt</detail-list-item>
                </div>
            </div>
          
        </detail-list>
       </div>
        
  </div>
</template>

<script>
import DetailList from '@/components/tool/DetailList'
const DetailListItem = DetailList.Item
export default {
  components:{
    DetailList,
    DetailListItem
  }
}
</script>

<style lang="less" scoped>

.bom-model{
  padding:10px;
  margin-bottom: 10px;
  border-radius: 5px;
  border:1px solid #F0F1F5;
  .p-bom{
      margin:10px 0 0 20px;
  }
}
</style>